<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BilibiliCard</title>
    <link rel="stylesheet" href="/Comprehensive_Exercise/BiliBiliCard/BilibiliCard.css">
    <link rel="icon" href="/static/images/logo.png">
</head>


<body>
    <div class="ID-Card">

        <div class="card-info">

            <div class="bg-img">
            </div>


            <div class="detail-info">
                <div class="detail-info-photo">
                    <a href="https://account.bilibili.com/account/face/upload?spm_id_from=333.999.0.0" target="_blank">
                        <img src="/static/images/image1.jpg">
                    </a>
                </div>
                <div class="detail-info-text">
                    <div class="detail-info-name">
                        <a href="https://space.bilibili.com/488629993" target="_blank">未完待续的一生 </a>
                    </div>
                    <div class="detail-info-text-level">LV5</div>
                    <div class="detail-info-reputation">
                        <span class="detail-info-reputation-item">
                            <span class="detail-info-reputation-item-text">93</span>
                            <span>关注</span>
                        </span>
                        <span class="detail-info-reputation-item">
                            <span class="detail-info-reputation-item-text">0</span>
                            <span>粉丝</span>
                        </span>
                        <span class="detail-info-reputation-item">
                            <span class="detail-info-reputation-item-text">3</span>
                            <span>获赞</span>
                        </span>
                    </div>
                </div>
            </div>

        </div>
        <div  class="card-button">
            <button>+关注</button>
            <button>发消息</button>
        </div>


    </div>


</body>
</html>